<template>
  <div id="homeIndex">
    <div class="left-iframe">
      <iframe :src="url" width="320px" height="568px" frameborder="0" style="margin: 10px"></iframe>
    </div>
    <div class="right-content">
      <p>十年编程两茫茫，工期短，需求长。</p>
      <p>千行代码，Bug 何处藏。</p>
      <p>纵使上线又如何，新版本，继续忙。</p>
      <p>黑白颠倒没商量，睡地铺，吃食堂。</p>
      <p>夜半梦醒，无人在身旁。</p>
      <p>最怕灯火阑珊时，手机响，心里慌。</p>
    </div>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        url: '//www.suhao.online/view/city/SelectCity'
      }
    }
  }
</script>
<style lang="stylus" scoped>
  #homeIndex {
    position fixed
    top 48px
    bottom 0
    width 100%
  }

  .left-iframe {
    float left
  }

  .right-content {
    margin-left 375px
    margin-top 60px
    text-align center
    p {
      height 68px
      line-height 68px
      font-size 20px
      color #666
    }
  }
</style>
